<template>
  <div>
    <el-form :model="param">
      <el-form-item label="签署人姓名">
        <el-input v-model="param.password" placeholder="请输入密码" />
      </el-form-item>
      <el-form-item label="签署人电话">
        <el-input v-model="param.code" placeholder="请输入验证码" />
      </el-form-item>
      <el-form-item>
        <div style="background-color: #FFF2E7;padding: 5px;box-sizing: border-box;width: 100%">
          <el-icon style="color: #2158F3;">
            <WarningFilled />
          </el-icon> 请确认签署人是否正确，更改签署人将重新发起签署！<br>
          <a href="#" style="padding-left: 20px;color: #7CAFFF;">E签宝协议签订教程</a>
        </div>
      </el-form-item>
    </el-form>

    <div class="dialog-footer">
      <el-button type="primary" @click="handleCancel">取消</el-button>
      <el-button @click="handleSignIt">确认</el-button>
    </div>

  </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue';
const emit = defineEmits(['close', 'handleSign'])

const param = reactive({
  dialogVisible: false,
  password: '',
  code: ''
})

// 签署 
const handleSignIt = () => { emit('handleSign') }
const handleCancel = () => { emit('close') }

</script>
